// 订单状态颜色变量
$status-colors: (
  0: #FFA500,    // 0-待支付
	1: #87CEEB,    // 1-待发货
	2: #00008B,    // 2-已发货
	3: #006400,    // 3-已收货
	4: #FF0000,    // 4-有退款
	5: #808080,    // 5-已取消
	6: #32CD32,    // 6-已完成
	7: #800080     // 7-退款中
);

// 生成状态标签样式
@each $status, $color in $status-colors {
  .order-status#{$status} {
    color: $color;
  }
}

// // 采购退货状态颜色变量
// $purchase-return-status-colors: (
//   0: #1890ff,
// 	1: #ff4949,
// 	2: #808080,
// 	3: #FF0000,
// 	4: #32CD32
// );

// // 生成状态标签样式
// @each $status, $color in $purchase-return-status-colors {
//   .purchase-return-status-#{$status} {
//     border-color: $color !important;
//     background-color: $color !important;
//   }
// }

// 流水单据类型颜色变量
$btn-colors: (
  'confirm': #e3230e
);

// 生成状态标签样式
@each $btn, $color in $btn-colors {
  .btns.btns-#{$btn} {
    border-color: $color;
    background-color: $color;
		color: #ffffff;
		&:active {
			background-color: darken($color, 10%);
		}
		&:disabled {
			background-color: lighten($color, 20%) !important;
			color: lighten($color, 40%) !important;
		}
		&:after {
			border-color: $color;
		}
  }
	uni-button[disabled][type='default'].btns-#{$btn} {
		background-color: lighten($color, 20%);
		color: lighten($color, 40%);
	}
	uni-button[disabled]:not([type]).btns-#{$btn} {
		background-color: lighten($color, 20%);
		color: lighten($color, 40%);
	}
}
.btns.btns-cancel {
    border-color: $gray-color;
    background-color: $gray-color;
		color: #333333;
		&:active {
			background-color: darken($gray-color, 10%);
		}
		&:disabled {
			background-color: lighten($gray-color, 20%) !important;
			color: lighten($gray-color, 40%) !important;
		}
		&:after {
			border-color: $gray-color;
		}
  }
	uni-button[disabled][type='default'].btns-cancel {
		background-color: lighten($gray-color, 20%);
		color: lighten($gray-color, 40%);
	}
	uni-button[disabled]:not([type]).btns-cancel {
		background-color: lighten($gray-color, 20%);
		color: lighten($gray-color, 40%);
	}
	
// 按钮颜色
$buttons: (
	'info': #ffffff,
  'confirm': #e3230e,
  'cancel': #e1e1e1,
  'error': #f56c6c,
  'warning': #f9ae3d,
  'success': #5ac725,
	'primary': #3c9cff
);
// 按钮样式
@each $btn, $color in $buttons {
  .ty-button-#{$btn} {
    background-color: $color;
		border-width: 1px;
		border-style: solid;
		@if $btn == 'info' {
		  color: #333333;
		} @else if $btn == 'cancel' {
		  color: #333333;
		} @else {
			color: #ffffff;
		}
		border-color: $color;
		&:active {
			background-color: darken($color, 10%);
		}
		&[disabled][type='default'] {
			@if $btn == 'info' {
			  color: rgba(0, 0, 0, 0.3);
			  background-color: #e1e1e1;
			} @else if $btn == 'cancel' {
			  color: rgba(0, 0, 0, 0.3);
			  background-color: #e1e1e1;
			} @else {
				background-color: lighten($color, 20%);
				color: lighten($color, 40%);
			}
		}
		&[disabled]:not([type]) {
			@if $btn == 'info' {
			  color: rgba(0, 0, 0, 0.3);
			  background-color: #e1e1e1;
			} @else if $btn == 'cancel' {
			  color: rgba(0, 0, 0, 0.3);
			  background-color: #e1e1e1;
			} @else {
				background-color: lighten($color, 20%);
				color: lighten($color, 40%);
			}
		}
  }
	.ty-button-plain-#{$btn} {
		color: $color;
		@if $btn == 'info' {
		  color: #333333;
			border: 1px solid rgba(0, 0, 0, 0.5);
		} @else if $btn == 'cancel' {
		  color: #333333;
			border: 1px solid rgba(0, 0, 0, 0.5);
		} @else {
			color: $color;
			border: 1px solid $color;
		}
		&[disabled][type='default'] {
			color: lighten($color, 40%);
		}
		&[disabled]:not([type]) {
			color: lighten($color, 40%);
		}
	}
}